<template>
  <div class="collector">
    <div class="collector_box" v-for="(item, index) in collectordata" :key="index">
      <div class="block"><el-avatar :size="80" :src="item.avatarUrl"></el-avatar></div>
      <div class="userinfo">
        {{ item.nickname }}
        <p v-if="item.signaturee">{{ item.signaturee }}</p>
      </div>
    </div>
  </div>
</template>

<script>
import Api from '../lib/api'
export default {
  name: "collector",
  data() {
    return {
      collectordata: [],
    };
  },
  mounted() {
    let _this=this
    Api.collector(_this)
    //收藏者
    // this.$axios
    //   .get("playlist/subscribers", {
    //     params: {
    //       id: this.$route.query.id,
    //     },
    //   })
    //   .then((res) => {
    //     this.collectordata = res.data.subscribers;
    //     // console.log(res.data.subscribers);
    //   });
  },
};
</script>

<style lang="scss">
.collector {
  display: flex;
  flex-wrap: wrap;
 
  .collector_box {
    min-width: 300px;
    margin: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    .userinfo {
      margin-left: 10px;
      p {
        color: black;
        font-size: 12px;
      }
    }
  }
}
</style>
